/*
1、重写vant的的样式
注意：
1、在自定义组件中必须要解除样式隔离，不然不起作用
2、样式隔离设置
    Component({
        //父组件能够影响到子组件的样式，子组件也能影响到父组件
        styleIsolation:"shared"：
    })
*/
// .van-button--primary{
//     box-sizing: border-box;
//     font-size: 30rpx !important;
//     background-color: lightcoral !important;
//     border:  2px solid red !important;
// }

// .my-class{
//     font-size: 30rpx !important;
//     background-color: lightcoral !important;
//     border:  2px solid red !important;
// }

/*
使用样式变量时：var(--color)
*/
// .van-button--primary{
//     font-size: 30rpx !important;
//     background-color: var(--color) !important;
//     border:  2px solid var(--color) !important;
// }


.my-button{
   --color: lightgreen;
}
//var(--color)是引用的.my-button里面的“--color“变量名
.van-button--primary{
    font-size: 30rpx !important;
    background-color: var(--color) !important;
    border:  2px solid var(--color) !important;
}

